<!DOCTYPE html>
<html lang="en">
<head>

    <style type="text/css">
        .btnbox{
            z-index:999;
            position:relative;
            left:400px;
            top:-350px;
        }
    </style>

    <script src="jQuery/jquery-2.2.3.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        function show(thisObj)
        {
            $(thisObj).children("div").css("display","block");
        }

        function hide(thisObj)
        {
            $(thisObj).children("div").css("display","none");
        }

        function aa(obj){
            $(obj).parent().parent().remove();
        }
    </script>

</head>
<body>
<div id="content">
    <div  onmouseover="show(this)" onmouseout="hide(this)"  style="float:left">
        <img src="image/dddddd.png"/>

        <div class="btnbox" style="width:170px; height:20px;" >
            <input type="button" value="testbtn1"  onclick="aa(this)"/>
        </div>

    </div>

    <div  onmouseover="show(this)" onmouseout="hide(this)"   style="float:left">
        <img src="image/sssssss.png"/>

        <div class="btnbox" style="width:170px; height:20px;" >
            <input type="button" value="testbtn2"  onclick="aa(this)"/>
        </div>

        <div>
        </div>
</body>
</html>
